<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('基本资料')" />
	<th:block th:include="include :: motif-alone" />
    <style>
    * {font-size:14px;}
    .content-bg{padding:10px; background-color: #F2F2F2;}
    .list-group-item {color:#142A48;background-color: inherit;border-bottom: 1px solid #e7eaec;border-left:none;border-right:none;display: block;margin-bottom: -1px;padding: 10px 12px;position: relative;}
    .list-group-item:last-child{border-bottom: 0px;}
    .list-group-item p{color:#142A48;}
    .font-noraml {font-weight:400}
    .layui-form-label{width:108px;}
    .layui-input-block{margin-left:138px;}
    .layui-card-body{padding:0px 12px;}
    .layui-card-body .layui-table {margin:0;}
    .font-noraml{font-size:13px;}
	.layui-card-header{color: #fff;}
    td span{font-size:12px;}
    table td{border-collapse:collapse;border:1px solid rgba(226,226,226,0.3) !important;}
    </style>
</head>
<body>
<div class="content-bg">
	<div class="layui-row layui-col-space15">
	    <div style="width:326px;float:left;" class="left-card">
	    	<div class="layui-card">
	        <div class="layui-card-header">用户信息</div>
	        <div class="layui-card-body">
	        	<ul>
		        	<li class="list-group-item">
		        		<i class="dhicon dh-zu4042"></i>
			            <b class="font-noraml">用户编号：</b>
			            <p class="pull-right">[[${sysUserInfo?.userId}]]</p>
		        	</li>
		        	<li class="list-group-item">
		        		<i class="dhicon dh-zu4044"></i>
			            <b class="font-noraml">用户名称：</b>
			            <p class="pull-right">[[${sysUserInfo?.userName}]]</p>
		        	</li>
		        	<li class="list-group-item">
		        		<i class="dhicon dh-zu4045"></i>
			            <b class="font-noraml">用户状态：</b>
			            <p class="pull-right">[[${sysUserInfo?.disabled?'禁用':'启用'}]]</p>
		        	</li>
		        	<li class="list-group-item">
		        		<i class="dhicon dh-zu4046"></i>
			            <b class="font-noraml">员工状态：</b>
			            <p class="pull-right">[[${sysUserInfo?.userState}]]</p>
		        	</li>
		        	<li class="list-group-item">
		        		<i class="dhicon dh-zu4047"></i>
			            <b class="font-noraml">性别：</b>
			            <p class="pull-right">[[${sysUserInfo?.userSex}]]</p>
		        	</li>
		        	<li class="list-group-item">
		        		<i class="dhicon dh-zu4048"></i>
			            <b class="font-noraml">用户级别：</b>
			            <p class="pull-right">[[${sysUserInfo?.userLeveltext}]]</p>
		        	</li>
		        	<li class="list-group-item">
		        		<i class="dhicon dh-zu4049"></i>
			            <b class="font-noraml">直属上级：</b>
			            <p class="pull-right">[[${sysUserInfo?.userLeader}]]</p>
		        	</li>
		        	<li class="list-group-item">
		        		<i class="dhicon dh-zu4050"></i>
			            <b class="font-noraml">所属部门：</b>
			            <p class="pull-right">[[${sysUserInfo?.deptName}]]</p>
		        	</li>
					<li class="list-group-item" style="padding: 0 12px;height: 44px;">
						<p style="padding: 10px 0;float: left;">
							<i class="dhicon dh-zu4051"></i>
							<b class="font-noraml">所属公司名称：</b>
						</p>
						<p class="pull-right" style="width:170px;height:44px;text-align:right;vertical-align:middle;display:table-cell;float: inherit">[[${sysUserInfo?.cidName}]]</p>
					</li>
					<li class="list-group-item">
						<i class="dhicon dh-magnet"></i>
						<b class="font-noraml">办公电话：</b>
						<p class="pull-right">[[${sysUserInfo?.userPhone1}]]</p>
					</li>
					<li class="list-group-item">
						<i class="dhicon dh-magnet"></i>
						<b class="font-noraml">手机号码：</b>
						<p class="pull-right">[[${sysUserInfo?.userPhone2}]]</p>
					</li>
		        	<li class="list-group-item">
		        		<i class="dhicon dh-zu4052"></i>
			            <b class="font-noraml">工作省份：</b>
			            <p class="pull-right">[[${sysUserInfo?.userProvince}]]</p>
		        	</li>
		        	<li class="list-group-item">
		        		<i class="dhicon dh-zu4053"></i>
			            <b class="font-noraml">工作城市：</b>
			            <p class="pull-right">[[${sysUserInfo?.userCity}]]</p>
		        	</li>
		        	<li class="list-group-item">
		        		<i class="dhicon dh-zu4054"></i>
			            <b class="font-noraml">所属办公室：</b>
			            <p class="pull-right">[[${sysUserInfo?.vBgs}]]</p>
		        	</li>
		        	<li class="list-group-item">
		        		<i class="dhicon dh-zu4054"></i>
			            <b class="font-noraml">工作地址：</b>
			            <p class="pull-right">[[${sysUserInfo?.userAddress}]]</p>
		        	</li>
	        	</ul>
	        </div>
	      </div>
	    </div>
	    <div style="width:calc(100% - 356px);float:left;" class="right-card">
	    	<div class="layui-card">
	        	<div class="layui-card-header">档案信息
               	</div>
	        	<div class="layui-card-body" style="padding-right: 20px;">
		        	<table class="layui-table" lay-size="sm">
				    <tbody>
						<tr>
							<td colspan="8" style="background-color: #99cffd;height: 30px;font-weight: 700;text-align: center;color: #fff;font-size: 16px;">基础信息</td>
						</tr>
			    	    <!-- <tr>
				          <td class="table-title" width="165px">岗位</td>
				          <td width="150px">[[${personnelDAXX?.vGw}]]</td>
				          <td class="table-title" width="105px">所属办公室</td>
				          <td>[[${personnelDAXX?.vBgs}]]</td>
				          <td class="table-title" width="105px">入职日期</td>
				          <td colspan="2">[[${#dates.format(personnelDAXX?.dRzRq,'yyyy-MM-dd')}]]</td>
				        </tr> -->
			    	    <tr>
				          <td class="table-title">姓名</td>
				          <td>[[${personnelDAXX?.userName}]]</td>
				          <td class="table-title">性别</td>
				          <td>[[${personnelDAXX?.userSex}]]</td>
				          <td class="table-title">出生年月</td>
				          <td>[[${#dates.format(personnelDAXX?.dCsRq,'yyyy-MM-dd')}]]</td>
				          <td rowspan="4" width="100px;" style="text-align: center;cursor: pointer;" class="userPhoto">
					  		<img th:if="${personnelDAXX?.userPhoto ne ''}" th:src="${personnelDAXX?.userPhoto}">
				          	<span th:if="${personnelDAXX?.userPhoto eq ''}">暂无照片</span>
				          </td>
				        </tr>
				        <tr>
				          <td class="table-title">婚姻情况</td>
				          <td>[[${personnelDAXX?.vHyQk}]]</td>
				          <td class="table-title">籍贯</td>
				          <td>[[${personnelDAXX?.userProvince}]] <span th:if="${personnelDAXX?.userProvince ne ''}">省</span>[[${personnelDAXX?.userCity}]] <span th:if="${personnelDAXX?.userCity ne ''}">市</span>
				          </td>
				          <td class="table-title">政治面貌</td>
				          <td>[[${personnelDAXX?.vZzMm}]]</td>
				        </tr>
				        <tr>
				          <td class="table-title">毕业院校</td>
				          <td>[[${personnelDAXX?.vByYx}]]</td>
				          <td class="table-title">专业</td>
				          <td>[[${personnelDAXX?.vZy}]]</td>
				          <td class="table-title">学历</td>
				          <td>[[${personnelDAXX?.vXl}]]</td>
				        </tr>
				        <tr>
				          <td class="table-title">身份证号码</td>
				          <td>[[${personnelDAXX?.vSfzHm}]]</td>
				          <td class="table-title">电子邮箱</td>
				          <td>[[${personnelDAXX?.userMail}]]</td>
				          <td class="table-title">手机号码</td>
				          <td>[[${personnelDAXX?.userPhone1}]]</td>
				        </tr>
				        <tr>
				          <td class="table-title">户口性质</td>
				          <td>[[${personnelDAXX?.vHkXz}]]</td>
				          <td class="table-title">转正日期</td>
				          <td>[[${#dates.format(personnelDAXX?.dZzRq,'yyyy-MM-dd')}]]</td>
				          <td class="table-title">毕业年份</td>
				          <td colspan="2">[[${personnelDAXX?.vByNf}]]</td>
				        </tr>
				        <tr>
				          <td class="table-title">户籍地址</td>
				          <td colspan="3">[[${personnelDAXX?.vHjDz}]]</td>
				          <td class="table-title">计算机等级</td>
				          <td colspan="2">[[${personnelDAXX?.vZcZs}]]</td>
				        </tr>
				        <tr>
				          <td class="table-title">家庭住址</td>
				          <td colspan="3">[[${personnelDAXX?.vJtZz}]]</td>
				          <td class="table-title">外语等级</td>
				          <td colspan="2">[[${personnelDAXX?.vWyZs}]]</td>
				        </tr>
						<tr>
						  <td class="table-title">自我评价</td>
						  <td colspan="3">[[${personnelDAXX?.vZwPj}]]</td>
				          <td class="table-title">其他证书</td>
				          <td colspan="2">[[${personnelDAXX?.vWyZsQt}]]</td>
						</tr>
				        <tr>
				          <td class="table-title" rowspan="4">学校荣誉<br></td>
				          <td colspan="2" class="text_c table-title">获得时间</td>
				          <td class="text_c table-title" colspan="2">学校</td>
				          <td class="text_c table-title">职位/荣誉</td>
				          <td class="text_c table-title">具体内容</td>
				          <!-- <td class="text_c table-title">就学形式</td> -->
				        </tr>
				        <tr>
				          <td colspan="2"><span class="dRxSj0"></span>~<span class="dBySj0"></span></td>
				          <td colspan="2"><span class="vXx0"></span></td>
				          <td><span class="vXl0"></span></td>
				          <td><span class="vZy0"></span></td>
				          <!-- <td><span class="vJxXs0"></span></td> -->
				        </tr>
				        <tr>
				          <td colspan="2"><span class="dRxSj1"></span>~<span class="dBySj1"></span></td>
				          <td colspan="2"><span class="vXx1"></span></td>
				          <td><span class="vXl1"></span></td>
				          <td><span class="vZy1"></span></td>
				          <!-- <td><span class="vJxXs1"></span></td> -->
				        </tr>
				        <tr>
				          <td colspan="2"><span class="dRxSj2"></span>~<span class="dBySj2"></span></td>
				          <td colspan="2"><span class="vXx2"></span></td>
				          <td><span class="vXl2"></span></td>
				          <td><span class="vZy2"></span></td>
				          <!-- <td><span class="vJxXs2"></span></td> -->
				        </tr>
				        <tr>
				          <td class="table-title" rowspan="4">工作履历</td>
				          <td class="text_c table-title">工作时间</td>
				          <td class="text_c table-title" colspan="2">所在单位</td>
				          <td class="text_c table-title">职务</td>
				          <td class="text_c table-title">离职原因</td>
				          <td class="text_c table-title">主要工作业绩</td>
				        </tr>
				        <tr>
				        	<td>
				        		<span class="dRzSj0"></span>~<span class="dLzSj0"></span>
			      	  	</td>
				          <td colspan="2"><span class="vDw0"></span></td>
				          <td><span class="vZw0"></span></td>
				          <td><span class="vLzYy0"></span></td>
				          <td><span class="vGzYj0"></span></td>
				        </tr>
				        <tr>
				        	<td>
				        		<span class="dRzSj1"></span>~<span class="dLzSj1"></span>
			      	  	</td>
				          <td colspan="2"><span class="vDw1"></span></td>
				          <td><span class="vZw1"></span></td>
				          <td><span class="vLzYy1"></span></td>
				          <td><span class="vGzYj1"></span></td>
				        </tr>
				        <tr>
				        	<td>
				        		<span class="dRzSj2"></span>~<span class="dLzSj2"></span>
			      	  	</td>
				          <td colspan="2"><span class="vDw2"></span></td>
				          <td><span class="vZw2"></span></td>
				          <td><span class="vLzYy2"></span></td>
				          <td><span class="vGzYj2"></span></td>
				        </tr>
				        <tr>
				          <td class="table-title" rowspan="2">有无子女</td>
				          <td rowspan="2" colspan="2">[[${personnelDAXX?.vYwZn}]]</td>
				          <td class="table-title" colspan="2">子女1出生年月</td>
				          <td colspan="3">[[${#dates.format(personnelDAXX?.dZnCsRq1,'yyyy-MM-dd')}]]</td>
				        </tr>
				        <tr>
				        	<td class="table-title" colspan="2">子女2出生年月</td>
				          <td colspan="3">[[${#dates.format(personnelDAXX?.dZnCsRq2,'yyyy-MM-dd')}]]</td>
				        </tr>
				        <tr>
				          <td class="table-title">紧急联系人</td>
				          <td>[[${personnelDAXX?.vLxrXm}]]</td>
				          <td class="table-title">关系</td>
				          <td>[[${personnelDAXX?.vLxrGx}]]</td>
				          <td class="table-title">联系电话</td>
				          <td colspan="2">[[${personnelDAXX?.vLxrDh}]]</td>
				        </tr>
						<tr>
							<td colspan="8" style="background-color: #99cffd;height: 30px;font-weight: 700;text-align: center;color: #fff;font-size: 16px;">求职意向</td>
						</tr>
						<tr>
				          <td class="table-title" width="165px">岗位</td>
				          <td width="150px">[[${personnelDAXX?.vGw}]]</td>
				          <td class="table-title" width="105px">意向城市</td>
				          <td>[[${personnelDAXX?.vYxCs}]]</td>
				          <td class="table-title" width="105px">所属办公室</td>
				          <td colspan="2">[[${personnelDAXX?.vBgs}]]</td>
				        </tr>
						<tr>
							<td class="table-title" width="165px">期望薪资</td>
							<td width="150px">[[${personnelDAXX?.vQwXz}]]</td>
							<td class="table-title" width="105px">入职日期</td>
							<td>[[${#dates.format(personnelDAXX?.dRzRq,'yyyy-MM-dd')}]]</td>
							<td colspan="4"></td>
						</tr>
				      </tbody>
				  </table>
		        </div>
	     	</div>
	    </div>
	</div>
</div> 
<th:block th:include="include :: footer" />
<script th:inline="javascript">
/*<![CDATA[*/
var userProvince = [[${sysUserInfo?.userProvince}]];
var userCity = [[${sysUserInfo?.userCity}]]
var personnelDAJYJLList = [[${personnelDAJYJLList}]];
var personnelDAGZJLList = [[${personnelDAGZJLList}]];
var relevantDAUserList = [[${relevantDAUserList}]];
/*]]>*/
</script>
<script type="text/javascript">
$(".content-bg").css("min-height",$(window).height()-20);
var jyjlObj = ['dRxSj','dBySj','vXx','vXl','vZy','vJxXs'], gzjlObj = ['dRzSj','dLzSj','vDw','vZw','vLzYy','vGzYj'];
	/*用户管理-头像*/
	function avatar() {
	    var url = ctx + 'system/user/avatar?userId=[[${sysUserInfo?.userId}]]';
	    $.modal.open('修改头像',url,'800','600',function(index){
	        var res = window["layui-layer-iframe" + index].updateAvatar();
	    });
	}
	/*<![CDATA[*/
	var userProvince = "[[${sysUserInfo?.userProvince}]]";
	var userCity = "[[${sysUserInfo?.userCity}]]";
	/*]]>*/
	layui.use(['laydate', 'form','layer','jquery'], function () {
		var $ = layui.$,layer = layui.layer,form = layui.form,laydate = layui.laydate,postStr = [];
		//获取省份列表
		$.ajax({
			url: '/base/baseinfo/list?vtype=area2',
	        type: 'get',
	        dataType: 'json',
	        success: function(result) {
	        	var areaList = '<option value="">请选择省</option>';
	        	$.each(result.data,function(k,v){
	        		if(userProvince == v.vname){
	        			areaList += '<option value="'+v.vname+'" data-guid="'+v.guid+'" selected>'+v.vname+'</option>';
	        			var pguid = v.guid;getCity(v.guid,userCity);
	        		}else{
	        			areaList += '<option value="'+v.vname+'" data-guid="'+v.guid+'">'+v.vname+'</option>';
	        		}
	        		
	        	});
	        	$("#userProvince").append(areaList);
	        	form.render('select');
	        }
		})
		//联动获取城市列表
		form.on('select(userProvince)', function(data){
	    	var pguid = data.elem[data.elem.selectedIndex].dataset.guid;
	    	getCity(pguid);
		})
		function getCity(pguid,cityname){
			$.ajax({
				url: '/base/baseinfo/list?pguid='+pguid,
		        type: 'get',
		        dataType: 'json',
		        success: function(result) {
		        	var areaList = '<option value="">请选择城市</option>';
		        	$.each(result.data,function(k,v){
		        		if(cityname == v.vname){
		        			areaList += '<option value="'+v.vname+'" data-guid="'+v.pguid+'" selected>'+v.vname+'</option>';
		        		}else{
		        			areaList += '<option value="'+v.vname+'" data-guid="'+v.pguid+'">'+v.vname+'</option>';
		        		}
		        	});
		        	$("#userCity").empty();
		        	$("#userCity").append(areaList);
		        	form.render('select');
		        }
			})
		}
		form.on('submit(btn-add)', function(data){
	    	if(!$("#userName").val()){
                layer.msg("用户名称 不能为空");
                $("#userName").css('border','1px solid red');
                $("#userName").focus()
                return false;
            }
            data.field.disabled = data.field.disabled === "0";
			postStr.push(data.field);
            //TODO:提供一个检测表单数据检测性通用方法
            if(true){
           		var url = "/system/user/editpost";
           		var data = {'userInfoItems':JSON.stringify(postStr),'upType':'upuserbaseinfo'};
            	$.operate.post(url,data,function(result){
            		setTimeout(function(){
                        window.location.reload();
                    }, 1000);
            	});
            }
            return false;
        });
	})
	//查看赋值
$.each(personnelDAJYJLList,function(i, v){
	$.each(jyjlObj,function(i2, v2){
		$("."+v2+i).html(v[v2]);
	})
})
$.each(personnelDAGZJLList,function(i, v){
	$.each(gzjlObj,function(i2, v2){
		$("."+v2+i).html(v[v2]);
	})
})
</script>
</body>
</html>